<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">    <title>Document</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/小米商城.css">
</head>

<body>
    <header id="header">
        <div class="ipt">
            <div class="ipt-mi">
                <img src="./img/下载.png" alt="">
            </div>
            <div class="ipt-frame">
                <i></i>
                <input type="text" placeholder="搜索商品名称">
            </div>
            <div class="ipt-user">
                <img src="./img/icon-user.23496a0116.png" alt="">
            </div>
        </div>
        <div class="nav">
            <ul>
                <li>推荐</li>
                <li>手机</li>
                <li>智能</li>
                <li>电视</li>
                <li>家电</li>
                <li>笔记本</li>
                <li>
                    <img src="./img/下载 (1).png" alt="">
                </li>
            </ul>
        </div>
    </header>

    <main>
        <div class="img-box">
            <img src="./img/13be88721837e4336d616a321165772e.png" alt="">
        </div>
        <div class="seckill">
            <ul>
                <li>
                    <img src="./img/cb65daec7ef7b52cc785f88f78efba37.png" alt="">
                </li>
                <li>
                    <img src="./img/cb65daec7ef7b52cc785f88f78efba37.png" alt="">
                </li>
                <li>
                    <img src="./img/cb65daec7ef7b52cc785f88f78efba37.png" alt="">
                </li>
                <li>
                    <img src="./img/cb65daec7ef7b52cc785f88f78efba37.png" alt="">
                </li>
                <li>
                    <img src="./img/cb65daec7ef7b52cc785f88f78efba37.png" alt="">
                </li>
                <li>
                    <img src="./img/cb65daec7ef7b52cc785f88f78efba37.png" alt="">
                </li>
                <li>
                    <img src="./img/cb65daec7ef7b52cc785f88f78efba37.png" alt="">
                </li>
                <li>
                    <img src="./img/cb65daec7ef7b52cc785f88f78efba37.png" alt="">
                </li>
                <li>
                    <img src="./img/cb65daec7ef7b52cc785f88f78efba37.png" alt="">
                </li>
                <li>
                    <img src="./img/cb65daec7ef7b52cc785f88f78efba37.png" alt="">
                </li>
            </ul>
        </div>
        <div class="line"></div>
        <div class="red-packet box">
            <img src="./img/999元.png" alt="">
            <img src="./img/999元.png" alt="">
        </div>
        <div class="redmi-note box">
            <img src="./img/613bdeb494fa321f53df8880aac390f0.jpg" alt="">
            <div class="watch">
                <img src="./img/0e32e68b1a554cd84af032d8ee03bf6d.jpg" alt="">
                <img src="./img/0e32e68b1a554cd84af032d8ee03bf6d.jpg" alt="">
            </div>
        </div>
        <div class="mi-10 box">
            <img src="./img/189acdf7e9b807cfc22d394df87c1958.jpg" alt="">
        </div>
        <div class="tv">
            <img src="./img/ad57845547eb79bf1c3a2a4bb19369d2.jpg" alt="">
        </div>
        <div class="note-9">
            <div class="note-9-left">
                <img src="./img/6dca45286d9d76d1f864a8ecf77f5600.jpg" alt="">
                <div class="introduce">
                    <p class="name">Note 9 5G</p>
                    <p class="brief">天玑 800U处理器</p>
                    <p class="price">￥1299起</p>
                    <p class="buy">立即购买</p>
                </div>

            </div>
            <div class="note-9-left">
                <img src="./img/6dca45286d9d76d1f864a8ecf77f5600.jpg" alt="">
                <div class="introduce">
                    <p class="name">Note 9 5G</p>
                    <p class="brief">天玑 800U处理器</p>
                    <p class="price">￥1299起</p>
                    <p class="buy">立即购买</p>
                </div>

            </div>
        </div>
        <div class="note-9">
            <div class="note-9-left">
                <img src="./img/6dca45286d9d76d1f864a8ecf77f5600.jpg" alt="">
                <div class="introduce">
                    <p class="name">Note 9 5G</p>
                    <p class="brief">天玑 800U处理器</p>
                    <p class="price">￥1299起</p>
                    <p class="buy">立即购买</p>
                </div>

            </div>
            <div class="note-9-left">
                <img src="./img/6dca45286d9d76d1f864a8ecf77f5600.jpg" alt="">
                <div class="introduce">
                    <p class="name">Note 9 5G</p>
                    <p class="brief">天玑 800U处理器</p>
                    <p class="price">￥1299起</p>
                    <p class="buy">立即购买</p>
                </div>

            </div>
        </div>
        <div class="note-9">
            <div class="note-9-left">
                <img src="./img/6dca45286d9d76d1f864a8ecf77f5600.jpg" alt="">
                <div class="introduce">
                    <p class="name">Note 9 5G</p>
                    <p class="brief">天玑 800U处理器</p>
                    <p class="price">￥1299起</p>
                    <p class="buy">立即购买</p>
                </div>

            </div>
            <div class="note-9-left">
                <img src="./img/6dca45286d9d76d1f864a8ecf77f5600.jpg" alt="">
                <div class="introduce">
                    <p class="name">Note 9 5G</p>
                    <p class="brief">天玑 800U处理器</p>
                    <p class="price">￥1299起</p>
                    <p class="buy">立即购买</p>
                </div>

            </div>
        </div>
        <div class="more">
            <p>更多小米手机产品 ></p>
        </div>
        <div class="tv">
            <img src="./img/ad57845547eb79bf1c3a2a4bb19369d2.jpg" alt="">
        </div>
        <div class="note-9">
            <div class="note-9-left">
                <img src="./img/6dca45286d9d76d1f864a8ecf77f5600.jpg" alt="">
                <div class="introduce">
                    <p class="name">Note 9 5G</p>
                    <p class="brief">天玑 800U处理器</p>
                    <p class="price">￥1299起</p>
                    <p class="buy">立即购买</p>
                </div>

            </div>
            <div class="note-9-left">
                <img src="./img/6dca45286d9d76d1f864a8ecf77f5600.jpg" alt="">
                <div class="introduce">
                    <p class="name">Note 9 5G</p>
                    <p class="brief">天玑 800U处理器</p>
                    <p class="price">￥1299起</p>
                    <p class="buy">立即购买</p>
                </div>

            </div>
        </div>
        <div class="more">
            <p>更多小米手机产品 ></p>
        </div>
        <div class="mi-10 box">
            <img src="./img/189acdf7e9b807cfc22d394df87c1958.jpg" alt="">
        </div>
        <div class="tv">
            <img src="./img/ad57845547eb79bf1c3a2a4bb19369d2.jpg" alt="">
        </div>
        <div class="note-9">
            <div class="note-9-left">
                <img src="./img/6dca45286d9d76d1f864a8ecf77f5600.jpg" alt="">
                <div class="introduce">
                    <p class="name">Note 9 5G</p>
                    <p class="brief">天玑 800U处理器</p>
                    <p class="price">￥1299起</p>
                    <p class="buy">立即购买</p>
                </div>

            </div>
            <div class="note-9-left">
                <img src="./img/6dca45286d9d76d1f864a8ecf77f5600.jpg" alt="">
                <div class="introduce">
                    <p class="name">Note 9 5G</p>
                    <p class="brief">天玑 800U处理器</p>
                    <p class="price">￥1299起</p>
                    <p class="buy">立即购买</p>
                </div>

            </div>
        </div>
        <div class="note-9">
            <div class="note-9-left">
                <img src="./img/6dca45286d9d76d1f864a8ecf77f5600.jpg" alt="">
                <div class="introduce">
                    <p class="name">Note 9 5G</p>
                    <p class="brief">天玑 800U处理器</p>
                    <p class="price">￥1299起</p>
                    <p class="buy">立即购买</p>
                </div>

            </div>
            <div class="note-9-left">
                <img src="./img/6dca45286d9d76d1f864a8ecf77f5600.jpg" alt="">
                <div class="introduce">
                    <p class="name">Note 9 5G</p>
                    <p class="brief">天玑 800U处理器</p>
                    <p class="price">￥1299起</p>
                    <p class="buy">立即购买</p>
                </div>

            </div>
        </div>
        <div class="more">
            <p>更多小米手机产品 ></p>
        </div>
        <div class="mi-10 box">
            <img src="./img/189acdf7e9b807cfc22d394df87c1958.jpg" alt="">
        </div>
        <div class="tv">
            <img src="./img/ad57845547eb79bf1c3a2a4bb19369d2.jpg" alt="">
        </div>
        <div class="more">
            <p>更多小米手机产品 ></p>
        </div>
        <div class="mi-10 box">
            <img src="./img/189acdf7e9b807cfc22d394df87c1958.jpg" alt="">
        </div>
        <div class="tv">
            <img src="./img/ad57845547eb79bf1c3a2a4bb19369d2.jpg" alt="">
        </div>
        <div class="fan">
            <div class="fan-left">
                <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
            </div>
            <div class="fan-right">
                <p>米家直流变频落地扇1X</p>
                <p>模拟自然风算法 支持AI语音</p>
                <span>￥289</span>
            </div>
        </div>
        <div class="fan">
            <div class="fan-right">
                <p>米家直流变频落地扇1X</p>
                <p>模拟自然风算法 支持AI语音</p>
                <span>￥289</span>
            </div>
            <div class="fan-left">
                <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
            </div>
        </div>
        <div class="fan">
            <div class="fan-left">
                <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
            </div>
            <div class="fan-right">
                <p>米家直流变频落地扇1X</p>
                <p>模拟自然风算法 支持AI语音</p>
                <span>￥289</span>
            </div>
        </div>
        <div class="more">
            <p>更多小米手机产品 ></p>
        </div>
        <div class="study">
            <ul>
                <li class="study-li">
                    <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                </li>
                <li>
                    <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                </li>
                <li class="study-li">
                    <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                </li>
                <li>
                    <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                </li>
                <li class="study-li">
                    <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                </li>
                <li>
                    <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                </li>
            </ul>
        </div>
        <div class="mi-10 box">
            <img src="./img/189acdf7e9b807cfc22d394df87c1958.jpg" alt="">
        </div>
        <div class="more">
            <p>了解小米</p>
        </div>
    </main>

    <footer>
        <a href="http://tang-ertai.gitee.io/xiaomi-mall-mobile-terminal/小米商城.html"><i class="iconfont">&#xe661;</i><span>首页</span></a>
        <a href=""><i class="iconfont">&#xe71b;</i><span>分类</span></a>
        <a href=""><i class="iconfont">&#xe721;</i><span>星球</span></a>
        <a href="http://tang-ertai.gitee.io/xiaomi-mall-mobile-terminal/Shopping.html"><i class="iconfont">&#xf1e3;</i><span>购物车</span></a>
        <a href="http://tang-ertai.gitee.io/xiaomi-mall-mobile-terminal/Me.html"><i class="iconfont">&#xe610;</i><span>我的</span></a>
    </footer>
</body>

</html>